body {
    background: #FFFFFF;
    margin: 0px;
    padding: 0px;
    font: 0.85em, Helvetica, Arial, sans-serif;
    text-align: center;
}

h2 {
    margin:0 0 5px 0;
    padding:0;
    border-bottom:1px solid #F6DC35;
}

a {
    color: #FF3300;
}

fieldset {
    margin:0px;
    padding:0px;
    border:none;
    border-bottom:1px solid #f1f1f1;
}

/******************************************************************************************
    Elementos estructurales
*******************************************************************************************/

#container {
    display:block;
    margin:0px;
    padding:0px;
}

#content {
    width: 68em;
    padding-bottom: 2em;
    display:block;
    background:url("../images/cola.gif") no-repeat left top;
}

.wrapper {
    width: 68em;
    margin:0px auto;
    text-align: left;
}

#header {

}

#header h1 {
    float: left;
    width: 194px;
    height: 74px;
    margin:0px;
    padding:0px;
    background:url('../images/logo_tvienes.png') no-repeat left top;
}

#header h1 a {
    width: 194px;
    height: 82px;
    display: block;
}

#footer {
    display:block;
    margin:0px;
    padding:0px;
    height:133px;
    line-height:2.6em;
    color: #7d7d7d;
}

#footer .cont {
    padding: 12px;
}

#footer .logomini {
    background: url('../images/logo_tvienes_mini.png') no-repeat;
    width: 140px;
    height: 62px;
    float:left;
}

#footer a {
    color: #3B93D1;
}

#footer p {
    margin:10px 0;
    padding:0;
    line-height:1em;
}

#footer .cont div {
    float:right;
    text-align:right;
}

#breadcrumb {
    padding:7px 0;
}

#breadcrumb a {
    color: #FFFFFF;
    background:url('../images/breadcrumb_token.gif') no-repeat left center;
    padding:0 5px 0 8px;
}

#main_menu {
    float: right;
    margin-top:28px;
    font-size:0.9em;
}

#main_menu span {
    margin-right:15px;
}

#main_menu a {
    color:#333333;
    background:#E5E5E5;
    padding:7px 10px;
    margin:2px;
    text-decoration:none;
}

#main_menu a.yellow {
	background: #F6DC35;
}

.col1_2 {
    width:48%;
    float:left;
}

.col2_2 {
    width:48%;
    float:right;
}

.right {
    text-align:right;
}

.left {
    text-align:left;
}

/**************************************************************************
    Boxes y dialogos
/*************************************************************************/

#home_infobox {
    background:#F6F8FB url("../images/cola_gris.gif") no-repeat left top;
    width: 68em;
    display:block;
    height: 1%;
}

#home_imagen {
    float:right;
    margin-left:10px;
}

#home_infobox ul {
    margin: 0;
    padding:30px;
    list-style:none;
}

#home_infobox ul li {
    padding:0px 20px;
    margin: 15px 0;
    background: url("../images/orange_bullet.gif") no-repeat left top;
}

#home_infobox ul li strong {
    display: block;
    font-size: 1.2em;
}



/**************************************************************************
    Boxes y dialogos
/*************************************************************************/

.whitebox {
    background: #FFFFFF;
    border-bottom:1px solid #359797;
    border-right:1px solid #359797;
    width:;
}

.whitebox .cont {
    padding:15px;
}

.yellowbox {
    background: #F6DC35;
    border-bottom:1px solid #359797;
    border-right:1px solid #359797;
}

.yellowbox .cont {
    padding:15px;
}

.greybox {
    background: #EEEEEE;
    border-bottom:1px solid #DDDDDD;
    border-right:1px solid #DDDDDD;
}

.greybox .cont {
    padding:15px;
}

.greendialog_white {
    color:#333333;
    background: url('../images/green_dialog_bottom.gif') no-repeat bottom left;
    padding-bottom:11px;
}

.greendialog_white .cont {
    background:#B7E6E5;
    border-right: 1px solid #CCCCCC;
    padding:15px;
}

.greendialog_white h2 {
    border-bottom:none; 
}

.greendialog {
    color:#333333;
    background: url('../images/green_dialog_bottom_green.gif') no-repeat bottom left;
    padding-bottom:11px;
}

.greendialog .cont {
    background:#B7E6E5;
    border-right: 1px solid #CCCCCC;
    padding:15px;
}

.greendialog h2 {
    border-bottom:none; 
}

.greendialog .avatar img{
    float:left;
    margin-right:10px;
    border:1px solid #92B8B7;
}

.greendialog .actions {
    float: right;
    margin-top:10px;
}

.accept {
    padding:7px 20px;
    background: #75CDCD;
    color:#000000;
    text-decoration:none;
    font-weight:bold;
    border-right:1px solid #92B8B7;
    border-bottom:1px solid #92B8B7;
    margin:0px 3px;
}


.deny {
    padding:7px 20px;
    background: #CC0000;
    color:#FFFFFF;
    text-decoration:none;
    font-weight:bold;
    border-right:1px solid #92B8B7;
    border-bottom:1px solid #92B8B7;
    margin:0px 3px;
}


/**************************************************************************
    inputs + buttons
/*************************************************************************/

.textfield {
    padding:3px;
    border:1px solid #CCC;
	font-family: Helvetica, Arial, sans-serif;
	font-size:1em;
}

.bigfield {
	font-size:1.4em;
}

.yellowbutton {
    background: #F6DC35;
    border: none;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    color: #312C0B;
    padding:4px 8px;
    font-weight: bold;
}

a.yellowbutton {
    text-decoration:none;
    color: #312C0B;
    padding:7px 10px;
}


.orangebutton {
    background: #FF3300;
    border: none;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    color: #FFFFFF;
    padding:4px 8px;
    font-weight: bold;
}

a.orangebutton {
    text-decoration:none;
    color: #FFFFFF;
    padding:7px 10px;
}

.required {
    font-weight: bold;
    color: #FF3300;
}

.note {
    color:#CCC;
}

/**************************************************************************
    titulos
/*************************************************************************/

.h2_crea {
    background: url('../images/h2_crea_tu_cuenta.png') no-repeat top left;
}

.h2_ya_tienes_cuenta {
    background: url('../images/h2_ya_tienes_cuenta.png') no-repeat top left;
}

.h2_ultima_actividad {
    background: url('../images/h2_ultima_actividad.png') no-repeat top left;
}

.h2_ultimos_habitantes {
    background: url('../images/h2_ultimos_habitantes.png') no-repeat top left;
}

.h2_ultimos_eventos {
    background: url('../images/h2_ultimos_eventos.png') no-repeat top left;
}

.h2_proximas_citas {
    background: url('../images/h2_proximas_citas.png') no-repeat top left;
}


/**************************************************************************
    signup
/*************************************************************************/

#signup .col1_2 {
    width:25%;
}

#signup .col2_2 {
    width:73%;
}

#users_update .stub,
#signup .stub {
    float:left;
    margin:10px 0px;
    width: 280px;
}


/**************************************************************************
    home
/*************************************************************************/

#promo_home {
    float:left;
    margin-right:20px;
}

#top_home {
    background:#FFF url('../images/deg_box_home.png') repeat-x top;
}

#top_home ul {
    list-style:none;
    margin:0px;
    padding:15px 0;
}

#top_home ul li {
    margin-bottom:10px;
    padding-left:20px;
    background: url('../images/white_bullet.gif') no-repeat left top;
    
}

#top_home ul li strong {
    font-size:1.2em;
    display:block;
}

#home .actions {
    text-align:center;
    margin-top:10px;
    line-height:1.4em;
}

#home .actions .yellowbutton {
    font-size: 1.2em;
    padding:12px 20px;
}

#home .content {
    margin-top:10px;
}

#home .col1_2 {
    width:356px;
}

#home .col2_2 {
    width:580px;
}

#home .avatar {
    margin-right:3px;
    margin-bottom:3px;
    border:1px solid #DDDDDD;
}


#eventlist li h3 {
    margin:3px 0;
    padding:0;
}

#home #eventlist li .avatar {
    float: left;
    margin-right: 10px;
}


#userhome #eventlist li .greybox,
#home #eventlist li .greybox {
    float:right;
    width:160px;
    margin-left:10px;
}

#userhome #eventlist {
    margin-bottom:20px;
}

#bubble {
    background: url('../images/grey_ind.gif') no-repeat 20px bottom;
    padding-bottom:7px;
    position:absolute;
}

#bubble_cont {
    padding:10px;
    background: #333333;
}

#bubble_cont a {
    color: #FFF;
}

/**************************************************************************
    user home
/*************************************************************************/
#userhome .col1_2 {
    width:73%;
}

#userhome .col2_2 {
    width:25%;
}
#userhome .main_avatar {
    float:left;
    margin: 0 10px 10px 10px;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
}

#userdata .toolbar {
    padding-top:5px;
}

ul#eventlist {
    list-style: none;
    padding:0;
    margin:0;
}

ul#eventlist li {
    padding:4px;
    border-bottom:1px solid #f2f2f2;
}

#home #eventlist li {
    border-bottom:1px solid #F6DC35;
}

.info_event {
    font-size:0.95em;
    color: #666666;
}

.info_event strong{
    color: #333333;
    margin-right:5px;
}


/**************************************************************************
    events
/*************************************************************************/

#events label {
	font-weight:bold;
}

#events span {
	color: #666666;
}

#events .textfield {
	width:400px;
}

#events .textfield.invite {
	width:260px;
}

#events .semifield {
    width:180px;
}

#events textarea {
	height:150px;
}

#events .col1_2 {
    width:73%;
}

#events .col2_2 {
    width:25%;
}

#events fieldset {
    margin-bottom:15px;
}

#event_time_starts_at,
#event_time_ends_at,
#has_ends_date,
#events select {
    padding:3px;
    border:1px solid #CCC;
	font-family: Helvetica, Arial, sans-serif;
	font-size:1em;
	vertical-align:middle;
}

.selectdate{
    float:left;
    margin-right:15px;
}

#place_operations {
    position:absolute;
    width:662px;
}

#events #map {
    border: 1px solid #CCC;
}


#eventshow h2 span {
    font-size:0.80em;
    color:#CCC;
    font-weight:normal;
}

#eventshow #icol {
    padding-top:10px;
}

#eventshow #icol .col {
    width:30%;
    float:left;
    margin-right:2%;
}

#eventshow #icol .col .last {
    margin-left:0px;
}

#eventshow #description {
    padding:10px;
    color:#333;
}

#eventshow .notes {
    color: #999999;
}

#eventshow #icol h3 {
    margin:0px;
    padding:3px 0;
}

#eventshow #map {
    border:1px solid #CCC;
}

ul.avatars {
    list-style:none;
    margin:0px;
    padding:5px;
}

ul.avatars a img {
    border: none;
}

#eventshow ul.avatars {
    list-style:none;
    margin:0px;
    margin-bottom:10px;
    padding:5px;
}


ul.avatars li {
    float: left;
    margin-right:3px;
    margin-bottom:3px;
}

ul.comments {
    list-style:none;
    margin:0px;
    padding:5px;
    border-top: 1px solid #CCC;
}

ul.comments li {
    padding:4px;
0    padding-bottom:15px;
    margin:0;
    display:block;
}
ul.comments li .avatar {
    float:left;
    margin-right:5px;
    margin-left:20px;
}

ul.comments li p {
    margin:3px 0;
}

ul.comments li .date {
    font-size:0.85em;
    color:#ccc;
}

#eventshow #comments textarea {
    width: 410px;
    height: 70px;
}

#eventshow #comments .col1_2 {
    width:70%;
}

#eventshow #comments .col2_2 {
    width:25%;
}

#eventshow #comments .commentbox {
    padding-bottom: 11px;
    background: url('../images/bocadillo_comment.gif') no-repeat bottom left;
    color:#333333;
    
}

#eventshow #comments .commentbox .cont{
    padding:10px;
    border:1px solid #CDCDCD;
    border-bottom:none;
}

#placelist ul {
    list-style:none;
    margin:0;
    padding:0;
}

#placelist ul li {
    list-style:none;
    padding:5px;
    padding-left:22px;
    border-bottom: 1px solid #CCC;
    background:url('../images/house.png') no-repeat left center;
}

#placelist .operations {
    float:right;
}

.edit {
    padding:2px 10px 2px 18px;
    background:url('../images/pencil.png') no-repeat left center;
}

.remove {
    padding:2px 10px 2px 18px;
    background:url('../images/delete.png') no-repeat left center;
}



/**************************************************************************
    places
/*************************************************************************/

#new_place {
    background:#f2f2f2;
    width:450px;
    display:block;
}

#new_place .cont {
    padding:10px 15px;
}

/**************************************************************************
    invitaciones y contactos
/*************************************************************************/
.copiagendacontacts {
    list-style:none;
    margin:0;
    padding:0;
    border-top:1px solid #CCC;
}

.copiagendacontacts li {
    padding:4px;
    border-bottom:1px solid #CCC;
}

.copiagendacontacts li .actions {
    float:right;
}

.copiagendacontacts li .avatar {
    float:left;
    margin-right:10px;
}

.tvienes_contacts li {
    width:49%;
    float:left;
}

/**************************************************************************
    live validation
/*************************************************************************/

.LV_validation_message{
    font-weight:bold;
    margin:5px 0 0 5px;
    clear:left;
    float:left;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
/*    border: 1px solid #00CC00;*/
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}


/**************************************************************************
    Iconos
/*************************************************************************/

.add {
    padding:3px 20px;
    background:url("../images/add.png") no-repeat left center;
}

/**************************************************************************
    Reutilizables
/*************************************************************************/

.separata {
    display: block;
    width:100%;
    clear:both;
    height:1px;
    overflow:hidden;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
/* End hide from IE-mac */


.mir {
    letter-spacing: -1000em;
}

/* Hides from IE-mac \*/
html>body .mir {
    letter-spacing: normal;
    text-indent: -999em;
    overflow: hidden;
}
/* End of hack */
